<template>
    <div>
        <input type="text">
        <p>{{number}}</p>
        <p>{{fullName}}</p>
    </div>
</template>
<script>
    import {mapState} from 'vuex'
    export default{
        // computed:mapState({
        //     number:function(state){
        //         return state.number
        //     }
        // })
        /*
        当组件需要从store中获取多个数据时，手动写多个computed是非常繁琐的，
        可以通过mapState函数简单的从state中获取多个数据，映射到computed中，
        要求：computed中的数据和store中的数据同名
        */
        computed:Object.assign({
            suodeshui:function(){
                return 123
            },
            fullName:function(){
                return this.$store.getters .fullName
            }
        },mapState(["name","number"]))
        
    }
</script>
<style scoped>
        
</style>